<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css背景属性作业</title>
    <style type="text/css">
        body{
            text-align: center;
        }
        .div-overcoat{
            border-top:1px solid lightcyan;
            border-left:1px solid lightcyan;
            border-bottom:1px solid #999999;
            border-right:1px solid #999999;
            width:800px;
            height:500px;
            margin:0 auto;
        }
        h2{
            color:forestgreen;
            text-shadow:2px 2px #999999;
            text-align: left;
            padding-left:100px;
        }
        .div-content{
            width:720px;
            height:429px;
            background: url("../qiu.jpg");
            padding-top:80px;
            text-align:right;
            padding-right:80px;
            line-height:60px;
        }
        input{
            margin-left:20px;
        }
        .p-pass{
            word-spacing:16px;
        }
        a,button{
            margin-right:34px;
        }
    </style>
</head>
<body>
<div class="div-overcoat">
    <h2>企业邮局</h2>
    <div class="div-content">
        <p>用户名：<input type="text"></p>
        <p><span class="p-pass">密 码</span>：<input type="text"></p>
        <p><button>进入邮箱</button><button>重新填写</button></p>
        <p><a href="#">找回密码</a> <a href="#">注册用户</a></p>
    </div>
</div>
</body>
</html>